/*
 * @Author: yangdingyuan yangdingyuan@bjjy.com
 * @Date: 2022-10-08 15:32:36
 * @LastEditors: yangdingyuan
 * @LastEditTime: 2022-10-08 15:39:01
 * @Description: 测试组件（可以删除其及路由规则）
 */
import React from 'react';
import { useState } from 'react';
import { Button } from 'antd';
import { AlertOutlined } from '@ant-design/icons';
import reactLogo from '../assets/react.svg';
import '../App.css';

const Hello = () => {
    const [count, setCount] = useState(0);
    return (
        <div className="App">
            <div>
                <a href="https://vitejs.dev" target="_blank" rel="noreferrer">
                    <img src="/vite.svg" className="logo" alt="Vite logo" />
                </a>
                <a href="https://reactjs.org" target="_blank" rel="noreferrer">
                    <img src={reactLogo} className="logo react" alt="React logo" />
                </a>
            </div>
            <h1>Vite + React</h1>
            <div className="card">
                <Button
                    className="inline-flex items-center rounded-md"
                    size="large"
                    icon={<AlertOutlined />}
                    onClick={() => setCount((count) => count + 1)}
                >
                    count is {count}
                </Button>
                <p>
                    Edit <code>src/App.jsx</code> and save to test HMR
                </p>
            </div>
            <p className="read-the-docs">
                Click on the Vite and React logos to learn more
            </p>
        </div>
    );
};

export default Hello;
